.ellipsis-3d8Bo {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 1.2
    }

    .avatar-container-zon_- {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        min-width: 0
    }

    .level-HtSLG {
        margin-right: 5px;
        display: inline-block;
        max-width: 180px;
        vertical-align: middle
    }

    .avatar-19brn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .img-1D5oC {
        height: 32px;
        width: 32px;
        border-radius: 16px;
        border: 2px solid #fff;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    @media (min-width: 1000px) {
        .img-1D5oC:hover {
            -webkit-transform: scale(1.4);
            transform: scale(1.4)
        }
    }

    .small-level-img-2LMOR {
        height: 18px;
        width: 18px;
        margin-left: -10px;
        margin-bottom: -3px
    }

    .menu-3lhIh {
        width: 250px;
        padding: 16px 0
    }

    .bottom-19N9y, .top-1qZ0D {
        padding: 0 20px
    }

    .level-info-13sbT {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .left-1TBRo, .level-info-13sbT {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .left-1TBRo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        min-width: 0
    }

    .name-container-13Y1C {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .name-190sa {
        display: inline-block;
        font-size: 16px;
        color: #333;
        line-height: 18px;
        font-weight: 700;
        vertical-align: middle;
        max-width: 125px
    }

    .text-sFFxF {
        font-size: 12px;
        color: #666;
        line-height: 14px
    }

    .buy-btn-r1-Di {
        background: #d4a84e;
        color: #fff;
        font-size: 14px;
        padding: 4px 10px;
        border-radius: 3px;
        cursor: pointer;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        outline: 0
    }

    .buy-btn-r1-Di:active, .buy-btn-r1-Di:hover {
        background: #c59127
    }

    .total-space-kobpa {
        font-size: 12px;
        margin: 12px 0 -4px
    }

    .level-img-34iVV {
        display: inline-block;
        height: 20px;
        width: 20px;
        vertical-align: middle;
        margin-left: 5px
    }

    .level-name-2P2jo {
        margin-top: 7px;
        margin-bottom: 4px
    }

    .expire-time-q_Uso, .level-name-2P2jo {
        font-size: 12px;
        line-height: 16px
    }

    .menu-3lhIh .ant-divider {
        margin: 20px 0 6px
    }

    .vertical-divider-l0Jf2 {
        width: 100%;
        height: 1px;
        background-color: #e6e6e6;
        border: 0;
        margin: 21px 0 2px
    }

    .list-item-3pbfm {
        display: block;
        cursor: pointer;
        color: #333;
        padding: 13px 0;
        font-size: 14px;
        line-height: 14px;
        text-decoration: none
    }

    .list-item-3pbfm:hover {
        color: #1890ff
    }

    .avatar-popup .ant-popover-inner-content {
        padding: 0 !important
    }